/*
 *  960 Grid System ~ Core CSS.
 *  Learn more ~ http://960.gs/
 *
 *  Licensed under GPL and MIT.

/*
 *960 Grid System layout (lt IE9 without respond.js) */

body
  min-width: 960px

/* `Containers
 *---------------------------------------------------------------------------------------------------- */

.container_12
  margin-left: auto
  margin-right: auto
  width: 960px

/* `Grid >> Global
 *----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12
  display: inline
  float: left

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
 *----------------------------------------------------------------------------------------------------*/

.alpha
  margin-left: 0

.omega
  margin-right: 0

/* `Grid >> 12 Columns
 *----------------------------------------------------------------------------------------------------*/

.container_12
  .grid_1
    width: 80px
  .grid_2
    width: 160px
  .grid_3
    width: 240px
  .grid_4
    width: 320px
  .grid_5
    width: 400px
  .grid_6
    width: 480px
  .grid_7
    width: 560px
  .grid_8
    width: 640px
  .grid_9
    width: 720px
  .grid_10
    width: 800px
  .grid_11
    width: 880px
  .grid_12
    width: 960px

/* `Clear Floated Elements
 *----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear
  clear: both
  display: block
  overflow: hidden
  visibility: hidden
  width: 0
  height: 0

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix
  &:before, &:after
    content: '.'
    display: block
    overflow: hidden
    visibility: hidden
    font-size: 0
    line-height: 0
    width: 0
    height: 0

.container_12
  &:before, &:after
    content: '.'
    display: block
    overflow: hidden
    visibility: hidden
    font-size: 0
    line-height: 0
    width: 0
    height: 0

.clearfix:after, .container_12:after
  clear: both

/*
 *The following zoom:1 rule is specifically for IE6 + IE7.
 *Move to separate stylesheet if invalid CSS is a problem. */

.clearfix, .container_12
  zoom: 1